body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

body {
  background: #fff;
  color: #555;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif; }

td, th, caption {
  font-size: 14px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

a {
  color: #555;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

img {
  border: none; }

ol, ul, li {
  list-style: none; }

input, textarea, select, button {
  font: 14px Verdana,Helvetica,Arial,sans-serif; }

table {
  border-collapse: collapse; }

html {
  overflow-y: scroll; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  *zoom: 1; }

.mid {
  width: 100%; }
  .mid .mid_z {
    height: 557px;
    width: 1200px;
    margin: 0 auto; }
    .mid .mid_z .mid_left {
      float: left; }
    .mid .mid_z .mid_right {
      width: 340px;
      height: auto;
      background: #fff;
      border: 1px solid #d0d0d0;
      margin-top: 75px;
      position: relative;
      float: right;
      padding-bottom: 10px; }
      .mid .mid_z .mid_right .zhuzebtn {
        position: absolute;
        top: 15px;
        left: 20px;
        z-index: 1;
        font-size: 13px; }
      .mid .mid_z .mid_right .dLbefore .erweima {
        width: 60px;
        height: 60px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        background: url(../img/right-myCenter.png);
        background-position: -75px -75px; }
      .mid .mid_z .mid_right .dLbefore form {
        margin: auto;
        display: block;
        width: 240px; }
      .mid .mid_z .mid_right .dLbefore .input_name2 {
        width: 100%;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        outline: 0;
        line-height: 40px;
        height: 40px; }
      .mid .mid_z .mid_right .dLbefore .error {
        line-height: 30px;
        height: 30px;
        color: red;
        width: 95%;
        margin: auto; }
      .mid .mid_z .mid_right .dLbefore .u_name {
        margin-top: 50px; }
        .mid .mid_z .mid_right .dLbefore .u_name .input_name {
          background: url(../img/login-box.png) no-repeat;
          background-position: 0 -90px; }
      .mid .mid_z .mid_right .dLbefore .U_pass .input_pass {
        background-image: url(../img/login-box.png);
        background-position: 0 -135px; }
      .mid .mid_z .mid_right .dLbefore .u_save {
        width: 240px; }
        .mid .mid_z .mid_right .dLbefore .u_save a {
          display: block;
          float: left;
          line-height: 40px;
          height: 40px;
          width: 49.9%;
          text-align: center; }
          .mid .mid_z .mid_right .dLbefore .u_save a input {
            width: 14px;
            height: 14px;
            vertical-align: middle; }
          .mid .mid_z .mid_right .dLbefore .u_save a label {
            margin-left: 10px;
            vertical-align: middle;
            text-align: left; }
      .mid .mid_z .mid_right .dLbefore .u_btn {
        margin-top: 20px;
        height: 62px; }
        .mid .mid_z .mid_right .dLbefore .u_btn input {
          width: 100%;
          padding: 14px 0;
          -webkit-border-radius: 5px;
          border-radius: 5px;
          text-align: center;
          display: block;
          border: none;
          cursor: pointer;
          background: #C81417;
          color: #FFF;
          -webkit-transition: all ease .3s;
          transition: all ease .3s;
          margin: 0; }
      .mid .mid_z .mid_right .dLbefore .tongdao {
        text-align: center;
        margin-top: 20px;
        color: #a7a7a7; }
      .mid .mid_z .mid_right .dLbefore .dlfangshi {
        width: 50%;
        margin: auto;
        margin-top: 10px; }
        .mid .mid_z .mid_right .dLbefore .dlfangshi li {
          width: 50%;
          float: left;
          display: inline-block; }
          .mid .mid_z .mid_right .dLbefore .dlfangshi li a {
            color: #000; }
            .mid .mid_z .mid_right .dLbefore .dlfangshi li a i {
              display: block;
              background: url(../img/login-box.png);
              width: 30px;
              height: 30px;
              margin: auto; }
            .mid .mid_z .mid_right .dLbefore .dlfangshi li a .QQ {
              background-position: 0 -180px; }
            .mid .mid_z .mid_right .dLbefore .dlfangshi li a .weixin {
              background-position: 0 -225px; }
            .mid .mid_z .mid_right .dLbefore .dlfangshi li a p {
              width: 100%;
              text-align: center;
              color: #a7a7a7;
              display: block;
              line-height: 25px;
              height: 25px; }
